<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/top::head">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:replace="/common/top::header">

</div>
<div id="Content">
<div id="Main" style="display: flex;margin: auto;flex-direction: column;align-items: center">
    <table >
        <tr>
            <td>Order ID</td>
            <td th:text="${order.orderId}"></td>
        </tr>
        <tr>
            <td>Item ID</td>
            <td th:text="${order.itemId}"><a th:href="|/catalog/ItemController?item_id=${order.itemId}|" th:text="${order.itemId}"></a></td>
        </tr>
        <tr>
            <td>Item Introduction</td>
            <td th:text="${order.itemIntroduction}"></td>
        </tr>
        <tr>
            <td>Address</td>
            <td th:text="${order.address}"></td>
        </tr>
        <tr>
            <td>Order Phone</td>
            <td th:text="${order.orderPhone}"></td>
        </tr>
        <tr>
            <td>Delivery Name</td>
            <td th:text="${order.deliveryName}"></td>
        </tr>
        <tr>
            <td>Item Price</td>
            <td th:text="${order.itemPrice}"></td>
        </tr>
        <tr>
            <td>Item Number</td>
            <td th:text="${order.itemNumber}"></td>
        </tr>
        <tr>
            <td>Total Price</td>
            <td th:text="${order.totalPrice}"></td>
        </tr>
        <tr>
            <td>Payment Method</td>
            <td th:text="${order.paymentMethod}"></td>
        </tr>
        <tr>
            <td>Order Timestamp</td>
            <td th:text="${order.orderTimestamp}"></td>
        </tr>
    </table>


</div>
</div>
<div th:replace="common/bottom">

</div>
</body>
</html>